@import "variable";
#footer{
  padding: 20px 0 25px;
  font-size:12px;
  color:#737678;
  hr{
    border:0;
    border-top:1px solid #34393f;
    margin:17px 0 27px;
  }
}
.footer-link{
  float: left;
  margin: 0 15px 0 35px;
  width: 136px;
  dt{
    font-size:14px;
    color:#afb0b2;
    margin-bottom: 10px;
    font-weight: 500;
    opacity:.7;
    filter:alpha(opacity=70);
  }
  dd{
    font-size:12px;
    color:#8d8f91;
    margin-bottom: 5px;
    a{
      color:#8d8f91;
      opacity:.7;
      filter:alpha(opacity=70);
    }
    a:hover, a:active, a:focus{
      @extend %transition;
      color:#fff;
      text-decoration: none;
    }
  }
}
.app-download,.app-download:hover,.app-download:active,.app-download:focus{
  float: left;
  text-align: center;
  color: #afb0b2;
  font-size: 14px;
  margin-right: 50px;
  text-decoration: none;
  opacity: .7;
  filter: alpha(opacity=70);
  p{margin-bottom: 5px;}
}
.footer-copy{
  float: left;
  a{
    float: left;
    width:97px;
    height: 40px;
    background-image: url("../img/authentication.png");
    background-repeat: no-repeat;
    margin-right:10px;
  }
  .copy-a{
    background-position: -3px -39px;
  }
  .copy-b{
    width:80px;
    background-position: -79px -2px;
  }
}
.copyright{
  float: left;
  line-height: 23px;
  margin-top: -3px;
  opacity:.7;
  filter:alpha(opacity=70);
  a{
    color:$infoColor;
  }
}
.footer-border-seperate {
    display: inline-block;
    margin: 0 8px;
}
.hot-line {
    padding: 13px 0;
}
.vp-share{
  padding-top: 14px;
  li{
    display: inline;
    a{
      float:left;
      width:28px;
      height:28px;
      margin-left:5px;
      background-image:url(../img/figure-icon.png);
      background-repeat:no-repeat;
    }
    a.sina{background-position: -296px -113px;}
    a.sina:hover{background-position: -296px -145px;}
    a.linkedin{background-position: -329px -113px;}
    a.linkedin:hover{background-position: -329px -145px;}
    a.facebook{background-position: -362px -113px;}
    a.facebook:hover{background-position: -362px -145px;}
    a.twitter{background-position: -395px -113px;}
    a.twitter:hover{background-position: -395px -145px;}
  }
}
.friendly-link{color:#4b5461;opacity:.7;
  filter:alpha(opacity=70);}
.friendly-link-content{margin-left:70px;}
.friendly-link-content a{color:#4b5461;display: inline-block;vertical-align: top;margin: 0 25px 10px 0;}
.friendly-link-content a:hover{
  @extend %transition;
  color:#fff;
  text-decoration: none;
}
.telephone{font-size:14px;opacity:.7;filter:alpha(opacity=70);}
.telephone i{display: inline-block;font-size: 22px;}